<template>
    <div>
        <!-- 传入子组件的名字=传入的数据 -->
        <!-- <kw16superTable
            :tableData="tableData"
            :headerData="headerData"
        > -->
        <!-- v-slot:当前插槽的名字="传入给插槽的数据定义名" -->
            <!-- <template v-slot:operationBtn="{operationData}">
                <el-button>完成</el-button>
            </template>
        </kw16superTable> -->
    </div>
</template>
<script>
import kw16superTable from "@/components/kw16superTable";
export default {
    name:"storecomment",
       data() {
        return {
            headerData:[{
                prop:"date",
                label:"日期",
                width:"180"
            },{
                prop:"name",
                label:"姓名",
                width:"180"
            },{
                prop:"address",
                label:"地址"
            }],
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          },{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      },
      mounted(){
        let _self = this;
        console.log(_self.$store)//$store vuex中的整个仓库
        _self.$store.commit("goodsSearch")
        // 如果说模块化后取模块化里面初始变量 $store.模块化的名字.变量名
        // 模块后的方法正好使用
        // console.log(_self.$store.state.name);//获取仓库状态的值使用$store.state
        // console.log(_self.$store.getters.webFrontEndkw16);
        // console.log(_self.$store.getters.webFrontEnd("学委真漂亮"));
        // console.log(_self.$store.commit("changStorevalue"))//commit(mutations的方法)使用来调用mutations的方法 Vuex自带的
        // _self.$store.commit({
        //   type:"withTheCords",//触发的函数
        //   name:"修改的值"//传入的参数
        // })
        // // 如果调用commit需要传参数那么就要用对象 不需要直接字符串
        // // dispatch是用来调用actions的
        // _self.$store.dispatch("changeAsync");
        // // 传递参数
        // _self.$store.dispatch({
        //   type:"changeAsyncCon",//传入的函数名
        //   name:"第二次修改的值"
        // })
      },
    //  组件注册 
    components:{
        kw16superTable
    }
}
</script>